<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<link href="./css/modern.css" rel="stylesheet">
<link href="./css/style-student.css" rel="stylesheet"
	type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>

<%
	String firstname = (String) request.getAttribute("firstname");
	String lastname = (String) request.getAttribute("lastname");
	String courseNumber = (String) request.getAttribute("courseNumber");
	String sectionNumber = (String) request
			.getAttribute("sectionNumber");
	String TAID = (String) request.getAttribute("TAID");
%>

<body>
	<div id="container">
		<div id="header">
			<br>
			<h1 id="main-title">
				<b><font color="000000">EECE Student Group Assessments</b></font>
			</h1>
			<h2>
				Welcome to
				<%=courseNumber%>
				Section
				<%=sectionNumber%>
				Group List
				<%=firstname%>
				<%=lastname%>! <%=TAID%><a href="index.html">
					<p align="right">
						<font size="5">Logout</font>
					</p>
				</a>
			</h2>
		</div>
		<div id="body" class="page-region-content tiles">
		     <form id=form method="get" action="TACourseServlet">
             	<a href = "javascript:;" onclick="document.getElementById('form').submit();" class="back-button big page-back">
             		<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "TAID" value = "<%=TAID%>">
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>
             	</a>
            </form>
			<br>
			<div id="innerBody" class="page-region-content tiles">
				<h1><%=courseNumber%>
					Class/TA List Section
					<%=sectionNumber%></h1>
				<br> <input type="hidden" name="firstname" value=<%=firstname%>>
				<input type="hidden" name="lastname" value=<%=lastname%>> <input
					type="hidden" name="courseNumber" value="<%=courseNumber%>">
				<input type="hidden" name="sectionNumber" value=<%=sectionNumber%>>
				<table cellspacing="0" cellpadding="0" border="0" width="325"
					class="striped" border=1>
					<tr>
						<td>
							<table cellspacing="0" cellpadding="1" border="0" width="300"
								class="striped" border=1>
								<tr>
									<th>Student Group List</th>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td>
							<div style="height: 500px; width: 1000px; overflow: auto;">
								<table class="fixed" cellspacing="0" cellpadding="1" border="0"
									width="300" class="striped" border=1>
									<tr>
										<td><b>Division</b></td>
										<td><b>Group Number</b></td>
										<td><b>Student ID</b></td>
										<td><b>First Name</b></td>
										<td><b>Last Name</b></td>
										<td><b>Program</b></td>
										<td><b>Year</b></td>
										<td><b>Classroom</b></td>
									</tr>
									<c:forEach items="${GroupsInfo}" var="Info">
										<tr>
											<td><c:out value="${Info.division}" /></td>
											<td><c:out value="${Info.groupNumber}" /></td>
											<td><c:out value="${Info.studentID}" /></td>
											<td><c:out value="${Info.firstName}" /></td>
											<td><c:out value="${Info.lastName}" /></td>
											<td><c:out value="${Info.program}" /></td>
											<td><c:out value="${Info.year}" /></td>
											<td><c:out value="${Info.classroom}" /></td>
										</tr>
									</c:forEach>
								</table>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="footer">
			&copy;UBC Electrical and Computer Engineering. Styled with <a
				href="http://metroui.org.ua">Metro UI CSS</a>
		</div>
	</div>
</body>
</html>